<div id="video" class="fullscreen" style="background: black">
<video class="fullscreen" id="videoplayer" src="{{src}}"></video>
</div>
<div id="osd"/>

<script type="text/javascript">
var video = $("#videoplayer")[0];

video.volume = volume

function playpause() {
	if(video.paused) {
		video.play();
	}
	else {
		video.pause();
	}
}

function fastforward() {
	video.pause();
	video.currentTime = video.currentTime + 10;
	video.play();
}

function rewind() {
	video.pause();
	video.currentTime = video.currentTime - 10;
	video.play();
}

function stop() {
	goBack();
	if($("video")) {
		goBack();
	}
}

function showOsd() {
	update("osd", "{{osd}}");
}

// start playing immediately
video.play();

// keys
keyevents[keys.osd] = showOsd;
</script>


